import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
/* // step1：引入 axios
import Axios from 'axios'

// step2：把axios挂载到vue的原型中，在vue中每个组件都可以使用axios发送请求,
// 不需要每次都 import一下 axios了，直接使用 $axios 即可
Vue.prototype.$axios = Axios

// step3：使每次请求都会带一个 /api 前缀
Axios.defaults.baseURL = 'http://h8x3s8.natappfree.cc'
// Axios.defaults.baseURL = '/api'
// Vue.prototype.HOST = 'http://192.168.1.163:8080' */

// 引入element-ui
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';


Vue.use(Element, {
  size: 'medium', // set element-ui default size
})


// 引入全局样式
import "./styles/index.less"
import VAnimateCss from 'v-animate-css';

Vue.use(VAnimateCss);

Vue.config.productionTip = false;


router.beforeEach((to, from, next) => {
  if (localStorage.getItem("token")) { // 判断本地是否存在token
    store.dispatch('loginAction', true)
    store.dispatch("setUserNameAction", localStorage.getItem('u_userName'));
    next()
  } else {
    // 未登录,登陆组件
    store.dispatch('loginAction', false)
    store.dispatch("setUserNameAction", '未登录');
    next()
  }
});

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");


